.page-main-header {
    width: 7.5rem;
    height: 1.44rem;

    .img1 {
        width: 7.5rem;
        height: 1.44rem;
    }

    .img2 {
        width: 1.43rem;
        height: .4rem;
        position: absolute;
        top: .3rem;
        left: .3rem;
    }

    .img3 {
        width: 2.16rem;
        height: .48rem;
        position: absolute;
        top: .29rem;
        right: .24rem;
    }
}

.page-main-content-box {
    width: 7.5rem;
    height: 12.35rem;
    background: #FFFFFF;
    border-radius: .5rem .5rem 0 0;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #333333;
    position: absolute;
    top: .99rem;

    .page-main-content-timer {
        width: 6.9rem;
        min-height: .88rem;
        margin-left: .3rem;
        margin-top: .33rem;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .page-main-content-timer-info {
            width: 4.27rem;
            min-height: .88rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;

            span {
                min-height: .34rem;
                font-size: .34rem;
                font-weight: 600;
                line-height: .34rem;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis !important;
                -o-text-overflow: ellipsis !important;
                white-space: nowrap;
            }
        }

        .page-main-content-timer-submit {
            width: 1.6rem;
            min-height: .7rem;
            font-size: .36rem;
            text-align: center;
            font-weight: 200;
            color: #FFFFFF;
            line-height: .7rem;
            background: #2963FF;
            border-radius: .35rem;
        }
    }

    .dash {
        background-image: linear-gradient(to right, #E0E0E0 0%, #E0E0E0 50%, transparent 50%);
        background-repeat: repeat-x;
        background-size: 0.14rem 0.01rem;
    }

    .page-main-content-dash {
        width: 6.9rem;
        min-height: 0.02rem;
        margin-top: .29rem;
        margin-left: .3rem;
    }

    .page-main-content-test-title {
        width: 2rem;
        min-height: .92rem;
        margin-top: .99rem;
        margin-left: 2.87rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .page-main-content-test-type {
            font-size: .44rem;
            line-height: .46rem;
            font-weight: 600;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis !important;
            -o-text-overflow: ellipsis !important;
            white-space: nowrap;
        }

        .page-main-content-test-score {
            min-height: .44rem;
            font-size: .31rem;
            line-height: .44rem;
            color: #999999;

            span {
                color: #2963FF;
            }
        }
    }

    .page-main-content-type-list {
        width: 6.3rem;
        min-height: 5.4rem;
        margin-left: .6rem;
        margin-top: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        li {
            width: 6.3rem;
            min-height: .9rem;
            background: #FFFFFF;
            border-radius: .08rem;
            border: .02rem solid #D9D9D9;
            font-size: .36rem;
            line-height: .44rem;

            .page-main-content-type-item-wrapper {
                width: 5.5rem;
                margin-top: .23rem;
                margin-left: .4rem;
                display: flex;
                justify-content: space-between;
                align-items: center;

                .page-main-content-type-list-dash {
                    width: 3.33rem;
                    min-height: .01rem;
                }

                .page-main-content-type-list-score {
                    color: #999999;
                    span {
                        color: #2963FF;
                        font-weight: 400;
                    }
                }
            }
        }
    }

    .page-main-content-test-inner {
        margin-left: .27rem;
        width: 6.9rem;
        min-height: 10.5rem;

        .page-main-content-test-inner-title {
            //width: 6.08rem;
            height: .92rem;
            margin-top: .29rem;
            display: flex;
            justify-content: flex-start;

            .page-main-content-test-inner-reactangle-wrapper {
                width: .5rem;
                height: .92rem;
                position: relative;

                .page-main-content-test-inner-reactangle {
                    position: absolute;
                    top: .24rem;
                    right: .27rem;
                    width: 0;
                    height: 0;
                    border-top: .2rem solid transparent;
                    border-right: .2rem solid #333333;
                    border-left: .36rem solid transparent;
                    border-bottom: .2rem solid transparent;
                    border-radius: .05rem;
                }

                .page-main-content-test-inner-reactangle::after {
                    content: "";
                    display: block;
                    position: absolute;
                    right: -0.26rem;
                    bottom: -0.2rem;
                    border-top: .2rem solid transparent;
                    border-right: .2rem solid #FFFFFF;
                    border-left: .36rem solid transparent;
                    border-bottom: .2rem solid transparent;
                }
            }

            .page-main-content-test-inner-type {
                font-size: .44rem;
                line-height: .46rem;
            }

            .page-main-content-test-inner-score {
                font-size: .3rem;
                line-height: .46rem;
                color: #999999;

                span {
                    color: #2963FF;
                }
            }
        }

        .explode{
            overflow: scroll !important;
            height: auto !important;
            max-height: 2.6732rem;
        }

        .page-main-content-test-inner-buttons {
            width: 6.9rem;
            height: 1.3366rem;
            overflow: hidden;
            margin-left: .03rem;
            margin-top: .2rem;
            display: grid;
            grid-template-columns: repeat(10, .5633rem);
            grid-template-rows: repeat(auto-fill, .5633rem);
            row-gap: .21rem;
            column-gap: .14rem;

            li {
                width: .56rem;
                height: .56rem;
                background: #F0F0F0;
                text-align: center;
                border-radius: .56rem .56rem .56rem .56rem;
                box-sizing: border-box;
                line-height: .56rem;
                font-size: .25rem;
            }

            .is-selected {
                line-height: .53rem;
                border: .015rem solid #2963FF;
            }
        }

        .page-main-content-test-inner-question {
            margin-top: .4rem;
            font-size: .3rem;
            line-height: .52rem;
            min-height: .46rem;
            max-height: 5.16rem;
            overflow: scroll;

            .page-main-content-test-inner-question-options {
                display: grid;
                grid-template-rows: repeat(auto-fill);
                row-gap: .2rem;
                margin-top: .42rem;

                li {
                    margin-left: .33rem;
                    min-height: .44rem;
                    font-size: .28rem;
                    line-height: .44rem;
                    color: #222222;
                    display: inline-flex;
                    flex-direction: row;

                    img {
                        display: block;
                        width: .32rem;
                        height: .32rem;
                        margin-right: .16rem;
                        margin-top: .06rem;
                    }

                    .page-main-content-test-inner-question-option {
                        margin-right: .16rem;
                    }
                }
            }

            .page-main-content-test-inner-subjective {
                display: block;
                width: 6.9rem;
                min-height: 2.2rem;
                background: #FFFFFF;
                border-radius: .08rem;
                border: .02rem solid #D9D9D9;
                padding-left: .3rem;
                padding-top: .3rem;
            }

            .page-main-content-test-inner-subjective::placeholder {
                font-size: .28rem;
                color: #E0E0E0;
                line-height: .3rem;
            }
        }

        .page-main-content-test-inner-dash {
            width: 6.9rem;
            height: .01rem;
            margin-top: .41rem;

            img{
                position: relative;
                width: .32rem;
                height: .32rem;
                left: 3.29rem;
                top: -0.32rem;
            }
        }

        .page-main-content-test-inner-btn {
            width: 6.9rem;
            height: .9rem;
            border-radius: .08rem;
            border: .03rem solid #2963FF;
            color: #2963FF;
            text-align: center;
            line-height: .9rem;
            font-size: .36rem;
            position: absolute;
            bottom: .35rem;
        }
    }

    .page-main-content-test-finish {
        .page-main-content-test-finish-img {
            width: 3.83rem;
            height: 3.16rem;
            display: block;
            margin-left: 1.835rem;
            margin-top: 3.53rem;
        }

        .page-main-content-test-finish-info {
            //width: 2.4rem;
            height: .64rem;
            font-size: .48rem;
            line-height: .64rem;
            margin-top: .48rem;
            margin-left: 2.55rem;
        }

        .page-main-content-test-finish-thanksforcome {
            //width: 5.04rem;
            min-height: .44rem;
            margin-left: 1.23rem;
            margin-top: .16rem;
            font-size: .28rem;
            line-height: .44rem;
            color: #AAAAAA;
        }
    }
}
